import Vue from 'vue'

const MENU_KEY = 'menuTopKey'

export let store = Vue.observable({
  // 菜单是否折叠
  isCollapse: false,
  // 左边菜单的数据
  sideMenuList: sessionStorage.getItem(MENU_KEY) ? JSON.parse(sessionStorage.getItem(MENU_KEY)) : [],
  // 菜单触发点击来源   值位top  或 left
  menuClickFrom: 'top'
})
export let mutations = {
  // 修改菜单折叠状态
  setCollapse () {
    store.isCollapse = !store.isCollapse
  },
  // 设置数据
  setState ({ key, value }) {
    store[key] = value
  },
  // 菜单数据设置缓存
  setSessionStorage (value) {
    sessionStorage.setItem(MENU_KEY, JSON.stringify(value))
  },
  // 清楚sestion  在推出登录时调用
  clearSessionStorage () {
    sessionStorage.removeItem(MENU_KEY)
    store.sideMenuList = []
  }
}